<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta charset="utf-8" />

<title>Demo Chat</title>

<link href="${ctxstatic}/css/majiang/bootstrap.css" rel="stylesheet">
<link href="${ctxstatic}/css/majiang/majiang.css" rel="stylesheet">

<script src="${ctxstatic}/js/socket.io/socket.io.js"></script>
<script src="${ctxstatic}/js/moment.min.js"></script>
<script src="${ctxstatic}/js/jquery/jquery-3.2.1.min.js"></script>

<script src="${ctxstatic}/js/socket/socket.js"></script>

<script src="${ctxstatic}/js/majiang/cammand.js"></script>
<script src="${ctxstatic}/js/majiang/result.js"></script>
<script src="${ctxstatic}/js/majiang/majiang.js"></script>

<script>
	var url = 'http://${host}:${port}?userid=${userid}&roomid=${roomid}';
	new initMajiangSocket(url);
	initmajiang('${roomid}', '${userid}', '${position}');
	MJ1002();
</script>
</head>

<body>

	<div id="page_container">
		<div id="top">
			<div id="topmj" class="topmj"></div>
			<div id="topmmj" class="topmmj"></div>
		</div>
		<div id="left">
			<div id="leftmj" class="leftrightmj"></div>
			<div id="leftmmj" class="leftrightmmj"></div>
		</div>
		<div id="center">
			<div id="centermj" class="centermj"></div>
		</div>
		<div id="right">
			<div id="rightmj" class="leftrightmj"></div>
			<div id="rightmmj" class="leftrightmmj"></div>
		</div>
		<div id="bottom">
			<div id="mj" class="mj"></div>
			<div id="mmj" class="mmj"></div>
			<div class="mjbun">
				<div id="gangpeng" style="height: 30%">
					<!-- 					<button type="button" onClick="gang()" class="btn gang">杠</button> -->
					<!-- 					<button type="button" onClick="peng()" class="btn peng">碰</button> -->
				</div>
				<div id="chi" style="height: 30%">
					<!-- 					<button type="button" style="display: none;" onClick="chi()" class="btn chi">吃</button> -->
				</div>
				<div id="play" style="height: 30%">
<!-- 					<button type="button" onClick="MJ1003(playmj())" class="btn">出牌222</button> -->
				</div>
				<div id="tesss" style="height: 30%">
					<button type="button" onClick="guo()" class="btn">过</button>
					<button type="button" onClick="getMJRoom()" class="btn">初始化</button>
				</div>
			</div>
		</div>
	</div>


	<div id="page_msg">
		<form class="well form-inline" onsubmit="return false;">
			<input id="msg" class="input-xlarge" type="text"
				placeholder="Type something..." />

			<button type="button" onClick="sendCommand()" class="btn" id="send">TEST</button>
			<button type="button" onClick="sendDisconnect()" class="btn">Disconnect</button>
		</form>
		<div id="console" class="well"></div>
	</div>

</body>

</html>
